.zoomControl {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 36px;
    height: 72px;
    z-index: 100;
}

.zoomControl .zoomButton {
    background-size: 100%, 100%;
    width: 36px;
    height: 36px;
    border: 2px solid gray;
    box-sizing: border-box;
    border-radius: 2px;
}

.zoomControl .zoomIn {
    background-image: url("../img/fangda.svg");
}

.zoomControl .zoomOut {
    background-image: url("../img/suoxiao.svg");
    border-top: none;
}

.scaleControl{
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left: 20px;
    bottom: 20px;
}
.scaleControl .line{
    width: 1cm;
    height: 0.2cm;
    border: 1px solid black;
    border-top: none;
    margin:0 auto;
}
.scaleControl .denominator{
    text-align: center;
    width: auto;
}
.scaleControl .molecule{
    width: auto;
    text-align: center;
}

.coordControl{
    width: auto;
    height: auto;
    position: absolute;
    z-index: 100;
    left:50vw;
    bottom: 0;
    color: black;
}